@charset "utf-8";
/* -----------------------------------------------------------
    -------------------  CSS Document  ------------------
----------------------------------------------------------- */
@import "global.css";
body{
font-family:Tahoma,Verdana,Arial;
font-size:11px;
}
a {
  
}

/* -----------------------------------------------------------
    ------------------- Page styles ----------------------
----------------------------------------------------------- */
#container {
    /*background:transparent url(../images/1.jpg) no-repeat;     */
    margin: 0 auto;
    background-position: center top;
    width: 100%;
    height: 600px;
    overflow: hidden;   
}
.container-default {
    background:transparent url(../images/frontend/bg-1.jpg) no-repeat;   
    overflow: hidden;   
    background-attachment: fixed;  
}
.container-vang {
    background:transparent url(../images/frontend/Kito.jpg) no-repeat;   
    overflow: hidden;   
    background-attachment: fixed;  
}
.container-dacam {
    background-color: orange;   
    overflow: hidden;   
    background-attachment: fixed;  
}
.container-naunau {
    background: transparent url(../images/frontend/e705.jpg) repeat;   
    overflow: hidden;   
    background-attachment: fixed;  
}
.container-honghong {
    background: transparent url(../images/frontend/89cb.jpg) repeat;  
    overflow: hidden;   
    background-attachment: fixed;  
}

#container #container-inner {
    margin: 0 auto; 
    overflow: hidden; 
    height: 100%;
}


/* -----------------------------------------------------------
    ------------------- Banner ------------------------
----------------------------------------------------------- */
body, img, p, h1, h2, h3, h4, form, ul, li, input {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

body #content {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
    position: relative;
}
body #footer {
    bottom:0;
    color:#111111;
    font-size:11px;
    height:74px;
    padding:0;
    position:fixed;
    right:0;
    width:100%;
    z-index:99;
    overflow: hidden;
}
body #header {
    top:0;
    color:#111111;
    font-size:11px;
    
    padding:0;
    position:fixed;
    right:0;
    width:100%;
    z-index:99;
    overflow: hidden;
}
body #header #header-inner {
    width: 960px;
    margin: 0 auto; 
}
body #header #header-inner #header-style{
    background: transparent url("../images/frontend/change-style.png") no-repeat;     
    width: 45px;
    margin: 0 auto;  
    height:114px;   
    float: left;
}
body #header #header-inner #header-style #styles{
    float: right;
    padding-right: 15px;
    padding-top: 15px;
}
body #header #header-inner #header-logo.nomal{
    background: transparent url("../images/frontend/logo-cycle.png") no-repeat;  
    margin: 0 auto; 
    height:114px;     
    float: left; 
    width: 400px;
}
body #header #header-inner #header-logo.loading{
    background: transparent url("../images/frontend/25.gif") no-repeat;  
    margin: 0 auto; 
    height:114px;     
    float: left; 
    width: 400px;
}

body #header #header-inner #header-logo .logo-text{
    background: transparent url("../images/frontend/logo-text.png") no-repeat;  
    margin: 0 auto; 
    position: absolute;
     height:114px;     
    float: left; 
    width: 400px;
}
body #content #home{
    height: 1000px;
    margin-top: 125px;
    overflow: hidden;
}
body #content #home .alpha{
    width: 100%;
   
}
body #content #home .alpha .left{
    background: transparent url("../images/frontend/left.png") no-repeat; 
    width: 12px;
    height: 400px;
    float: left;          
}
body #content #home .alpha .center{
    background: transparent url("../images/frontend/center.png") repeat-x; 
    width: 402px; 
    height: 400px;   
    padding-left: 25px; 
    padding-right : 25px;
    padding-top: 5px;
    padding-bottom : 5px;
    float: left;
}
body #content #home .alpha .center .title-com{
    padding-top: 10px;
    background: transparent url("../images/frontend/company.png") no-repeat;
    height: 20px;
    width: 200px;
    margin-top: 10px;
}
body #content #home .alpha .center .title-per{
    padding-top: 10px;
    background: transparent url("../images/frontend/personal.png") no-repeat;
    height: 20px;
    width: 200px;
    margin-top: 10px;
}
body #content #home .alpha .center .description{
    text-align: justify;
    height: 270px;
}
body #content #home .alpha .center .contact{
    height: 35px;
    float: right;
    padding-top: 5px;
}

body #content #home .alpha .center .contact a.menu-link{
    background: transparent url("../images/frontend/contact-en.png") scroll 0 0 no-repeat;  
    display: block;
    width: 91px;
    height: 30px;
}
body #content #home .alpha .center .contact a.menu-link:hover{
    background: transparent url("../images/frontend/contact-en.png") scroll 0 31 no-repeat;  
}
body #content #home .alpha .right{
    background: transparent url("../images/frontend/right.png") no-repeat; 
    width: 16px; 
    float: left; 
    height: 400px;  
}
body #content #home .beta{
    width: 195px;
    float: right;
}
body #content #home .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #home .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;   
}
body #content #home .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #gallery{
    height: 1000px;
    margin-top: 125px;
    overflow: hidden;
}
body #content #gallery .alpha{
    width: 756px;
    float: right;
}
body #content #gallery .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #gallery .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;   
    padding:5px 25px;
}
body #content #gallery .alpha .middle .middle-content{
    height: 340px;
}
body #content #gallery .alpha .middle .pagelink{
    float: right;
    width: 100%;
}
body #content #gallery .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #gallery .beta{
    width: 195px;
    float: left;
}
body #content #gallery .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #gallery .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px; 
    padding-left: 5px;  
}

body #content #gallery .beta .middle li:hover {
    background-color:#EFEFEF;
}
body #content #gallery .beta .middle li {
    background: transparent url("../images/frontend/green-heart.gif") no-repeat 0px 3px;   
    
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    margin-right: 5px;
    padding:0 0 7px;
    padding-left: 20px;
    padding-top: 3px;
}
body #content #gallery .beta .middle li a{
   color: #EF666E;
   font-weight: bold;
}
body #content #gallery .beta .middle .title{
    background:transparent url(../images/frontend/category.png) no-repeat scroll 0 0;
    height:20px;
 
    padding-top:10px;
    width:200px;
}
body #content #gallery .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #product{
    height: 1000px;
    margin-top: 125px;
     overflow: hidden;
}
body #content #product .alpha{
    width: 756px;
    float: left;
}
body #content #product .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #product .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;   
    padding:5px 25px;
}
body #content #product .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #product .beta{
    width: 195px;
    float: right;
}
body #content #product .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #product .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;  
    padding-left: 10px; 
}
body #content #product .beta .middle .title{
    background:transparent url(../images/frontend/category.png) no-repeat scroll 0 0;
    height:20px;
    padding-top:10px;
    width:200px;
}
body #content #product .beta .middle li:hover {
    background-color:#EFEFEF;
}
body #content #product .beta .middle li {
    background: transparent url("../images/frontend/green-heart.gif") no-repeat 0px 3px;   
    
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    margin-right: 5px;
    padding:0 0 7px;
    padding-left: 20px;
    padding-top: 3px;
}
body #content #product .beta .middle li a{
   color: #EF666E;
   font-weight: bold;
}
body #content #product .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #support{
    height: 1000px;
   
    margin-top: 125px;
     overflow: hidden;
}
body #content #support .alpha{
    width: 756px;
    float: right;
}
body #content #support .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #support .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;  
    padding:5px 25px; 
}
body #content #support .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #support .beta{
    width: 195px;
    float: left;
}
body #content #support .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #support .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;   
}
body #content #support .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #contact{
    widows: 100%;
    margin-top: 125px;
    overflow: hidden;
    height: 1000px;
}
body #content #contact .alpha .left{
    background: transparent url("../images/frontend/left.png") no-repeat; 
    width: 12px;
    height: 400px;
    float: left;  
    margin-left: 5px;        
}
body #content #contact .alpha .center{
    background: transparent url("../images/frontend/center.png") repeat-x; 
    width: 502px; 
    height: 400px;   
    padding-left: 25px; 
    padding-right : 25px;
    padding-top: 5px;
    padding-bottom : 5px;
    float: left;
}
body #content #contact .alpha .center .title-mail{
    padding-top: 10px;
    background: transparent url("../images/frontend/contact-mail.png") no-repeat;
    height: 20px;
    width: 280px;
    margin-top: 10px;
}
body #content #contact .alpha .center .description{
    text-align: justify;
    height: 270px;
    padding-top: 10px;
}
body #content #contact .alpha .center .contact{
    height: 35px;
    float: right;
    padding-top: 5px;
}

body #content #contact .alpha .center .contact a.menu-link{
    background: transparent url("../images/frontend/contact-en.png") scroll 0 0 no-repeat;  
    display: block;
    width: 91px;
    height: 30px;
}
body #content #contact .alpha .right{
    background: transparent url("../images/frontend/right.png") no-repeat; 
    width: 16px; 
    float: left; 
    height: 400px;  
}
/**/
body #content #contact .beta .left{
    background: transparent url("../images/frontend/left.png") no-repeat; 
    width: 12px;
    height: 400px;
    float: left;          
}
body #content #contact .beta .center{
    background: transparent url("../images/frontend/center.png") repeat-x; 
    width: 297px; 
    height: 400px;   
    padding-left: 25px; 
    padding-right : 25px;
    padding-top: 5px;
    padding-bottom : 5px;
    float: left;
}
body #content #contact .beta .center .title-info{
    padding-top: 10px;
    background: transparent url("../images/frontend/contact-info.png") no-repeat;
    height: 20px;
    width: 200px;
    margin-top: 10px;
}
body #content #contact .beta .center .description{
    text-align: justify;
    height: 270px;
    padding-top: 10px;
}
body #content #contact .beta .center .contact{
    height: 35px;
    float: right;
    padding-top: 5px;
}

body #content #contact .beta .center .contact a.menu-link{
    background: transparent url("../images/frontend/contact-en.png") scroll 0 0 no-repeat;  
    display: block;
    width: 91px;
    height: 30px;
}
body #content #contact .beta .right{
    background: transparent url("../images/frontend/right.png") no-repeat; 
    width: 16px; 
    float: left; 
    height: 400px;  
}

body #content #contact form.post{
    width: 100%;
}
body #content #contact form.post .row{
    padding-bottom: 8px;
}
body #content #contact form.post .row .title{
    font-weight: bold;
    float: left;
    width: 120px;
}
body #content #contact form.post .row .field{
    float: left;
    width: 320px;
}
body #content #contact form.post .row .field .input{
    float: left;
}
body #content #contact form.post .row .field .input .sigle{
    width: 60px;
}
body #content #contact form.post input{
    border:1px solid #B3CEEB;
    margin-bottom:2px;
    padding:3px;
}
body #content #contact form.post .submit{
    float: right;
    width: 100%;
}
body #content #contact form.post .submit .button{
    float: left;
    padding-left: 120px;
    width: 100%;
}
body #content #contact form.post button{
    float: left;
    cursor: pointer;
}
body #content #contact form.post button.send{
    background: transparent url("../images/frontend/send-mail.png") no-repeat;
    width: 60px;
    height: 23px;
    border: 0px;
    padding: 0px;
}
body #content #contact form.post input.sigle{
    width: 200px;
}
body #content #contact form.post .multi{
    border:1px solid #B3CEEB;      
    width: 350px;
    height: 120px;
}
/*------------------------------------------------------------------*/    
body #content #contact .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #contact .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;  
    padding:5px 25px; 
}
body #content #contact .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}

body #content #contact .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #contact .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;   
}
body #content #contact .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #footer #footer-top {
    background: transparent url("../images/frontend/footer-top.png");
    height: 10px;
    
}
body #footer #footer-bottom {
    height: 64px;
    background: #ffc787 url("../images/frontend/bottom-copyright.png") top right no-repeat scroll;    
    
    
}
body #footer #footer-bottom {
    height: 64px;
    /*background-color: #FEEFDC; */
    
}
body #footer #footer-bottom #bottom-inner{
    width: 960px;
    margin: 0 auto;
}
body #footer #footer-bottom #bottom-inner #bottom-menu{
    padding-top: 10px;
    float: left;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu{
    list-style: none;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu{
    background: transparent url("../images/frontend/menu.png");  
    width: 92px;
    height: 36px;
    float: left;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu:hover{
    background: transparent url("../images/frontend/menu-active.png");  
    color: white;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu.active{
    background: transparent url("../images/frontend/menu-active.png");  
    width: 92px;
    height: 36px;
    float: left;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu a{
    color: white;
    text-decoration: none;
    padding-top: 10px; 
    padding-bottom: 10px;     
    display: block;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu.active a{
    color: white;
    display: block; 
    padding-top: 10px; 
    padding-bottom: 10px;    
    text-decoration: none;
}
/*--------------------------------CHANGE STYLE----------------------------------*/
.container-vang #footer #footer-bottom {
    background-color: #f3e4df; 
}

/*--------------------------------CHANGE STYLE----------------------------------*/  

body #footer #footer-bottom #footer-copyright{
 float: right;
}
#thumb {
    height:auto;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    width:710px;
}
#thumb li {
    /*background:transparent url(../images/frontend/list-thumb-bg.gif) no-repeat scroll 0 0; 

    margin:10px 24px 0 0;  */ 

    float:left;
    height:100px;
    padding:10px 9px 0;
    position:relative;
    width:155px;
}
#thumb img {
    background:#BBE0EB none repeat scroll 0 0;
    height:75px;
    padding:3px;
    width:160px;
}
#thumb h3 {
    -x-system-font:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size:100%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    left:8px;
    line-height:100%;
    overflow:hidden;
    position:absolute;
    top:131px;
    width:204px;
}
#captcha{
    float: left;
    padding-left: 10px;
}

.tip-style {
background:transparent url(../images/frontend/tips_icon.gif) no-repeat scroll center bottom;
border-top:1px solid #00B800;
font-family:verdana;
font-size:11px;
left:-500px;
letter-spacing:-1px;
margin:0;
padding:6px 8px 14px;
position:absolute;
top:-500px;
width:234px;
z-index:65558;
}